<template>
    <swiper class="loop" :options="swiperOption" ref="mySwiper">
        <!-- slides -->
        <swiperSlide v-for="(item, index) in LoopImg" :key="'loop'+index">
            <img :src="item.image_800">
        </swiperSlide>
    </swiper>
</template>
<script>
import {swiper, swiperSlide} from "vue-awesome-swiper";
export default {
    components:{
        swiper, swiperSlide
    },
    data(){
        return {
            // 就是swiper的定义参数
            swiperOption:{
                autoplay: 3000,//可选选项，自动滑动
                loop : true,
                pagination : '.swiper-pagination',
                autoplayDisableOnInteraction : false,
            }
        }
    },
    props:["LoopImg"]
}
</script>

<style lang="less" scoped>
.loop{
    width: 100%;
    font-size: 0px;
    border-bottom: 1PX solid @de;
    background-color: rgba(0, 122, 255, 0.1);
    img{
        width: 100%;
    }
}
</style>
